<template>
  <div class="ticket-container">
    <div class="ticket-detail" v-for="(item, index) in ticketList" :key="index">
      <span>{{ item.title }}</span>
      <div v-if="item.children">
        <detail-list :ticketList="item.children"></detail-list>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'detailList',
  props: {
    ticketList: Array
  }
}
</script>

<style lang="stylus" scoped>
.ticket-container {
  border-radius: 0.15rem
  border: 1px solid #e0e0e0
  border-bottom:none
  margin: 0.1rem
  display: flex;
  flex-direction: column;
  box-shadow: 0.04rem 0.1rem 0.1rem #f5f5f5
}
.ticket-detail {
  padding: .32rem .4rem .32rem .2rem;
  font-size:0.3rem
  line-height: 0.68rem
  border-bottom: 1px solid #e0e0e0
}
</style>
